<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <title>Spekulasi emas, uang mudah</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        body {
            font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
            background: #333333;
            overflow-x: hidden;
        }

        a {
            color: #0a8cd2;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
        .none {
            display: none
        }
        header{
            width: 100%;
            height: .64rem;
            line-height: .64rem;
            background-color: #ffffff;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #333333;
        }
        header img{
            width: 2.74rem;
            margin-left: .1rem;
        }
        header span{
            font-size: .2rem;
            color: #666666;
            margin-right: .15rem;
            text-align: right;
        }
        main .main-top{
            width: 100%;
            height: 4.12rem;
            background: url("__PUBLIC__/Home/images/Generalize1/trend.png") no-repeat;
            background-size: 100% 280%;
            background-position: 100% -3.5rem;
            position: absolute;
            top: 4.74rem;
            left: 0;
        }
        main .main-top:after{
            content: '';
            width: 100%;
            height: 4.2rem;
            position: absolute;
            left: 0;
            top: 4.12rem;
            background-color: #e5fff1;
        }
        main .main-content{
            width: 100%;
            height: 8.3rem;
            position: relative;
            text-align: center;
        }
        main .main-content .structure-top{
            width: 4.38rem;
            height: .29rem;
            border: .1rem solid #009944;
            border-bottom: none;
            margin: .39rem auto 0;
        }
        main .main-content .structure-body{
            width: 4.38rem;
            height: 3.09rem;
            margin: 0 auto;
            border-left: .1rem solid #009944;
            border-right: .1rem solid #009944;
        }
        main .main-content .structure-footer{
            width: 4.38rem;
            height: 2.62rem;
            border: .1rem solid #009944;
            border-top: none;
            margin: 0 auto;
            position: relative;
        }
        main .main-content .main-content-title{
            width: 100%;
            height: .64rem;
            line-height: .64rem;
            text-align: center;
            font-size: .26rem;
            color: #fff;
        }
        main .main-content .main-content-subtitle{
            width: 100%;
            height: .7rem;
            line-height: .7rem;
            text-align: center;
            font-size: .26rem;
            color: #009944;
        }
        .main-content-img-box{
            width: 100%;
            display: flex;
            justify-content: space-around;
            position: absolute;
            top: 1.2rem;
            left: 0;
            right: 0;
        }
        .main-content-img-box span{
            width: 1.64rem;
            height: 1.9rem;
            position: relative;
        }
        .main-content-img-box span:nth-child(1){
            background: url("__PUBLIC__/Home/images/Generalize1/block-1.png") no-repeat;
            background-size: 100% 100%;
        }
        .main-content-img-box span:nth-child(2){
            background: url("__PUBLIC__/Home/images/Generalize1/block-2.png") no-repeat;
            background-size: 100% 100%;
        }
        .main-content-img-box span:nth-child(3){
            background: url("__PUBLIC__/Home/images/Generalize1/block-3.png") no-repeat;
            background-size: 100% 100%;
        }
        .main-content-img-box span:nth-child(1):after,.main-content-img-box span:nth-child(2):after,.main-content-img-box span:nth-child(3):after{
            width: 1.64rem;
            height: .96rem;
            line-height: .96rem;
            color: #fff;
            font-size: .3rem;
            text-align: center;
            position: absolute;
            top: .46rem;
            left: 0;
            z-index: 5;
        }
        .main-content-img-box span:nth-child(1):after{
            content: 'aman';
        }
        .main-content-img-box span:nth-child(2):after{
            content: 'ada nilai tambah';
            line-height: .4rem;
            top: .56rem;
        }
        .main-content-img-box span:nth-child(3):after{
            content: 'likuiditas';
        }
        .structure-footer .main-content-tahun{
            color: #666666;
            font-size: .3662rem;
            font-weight: bold;
            padding-top: .42rem;
        }
        .structure-footer .main-content-or{
            color: #666666;
            font-size: .2641rem;
            font-weight: bold;
            position: absolute;
            top: 1.78rem;
            left: 0;
            right: 0;
        }
        .main-content-histogram {
            width: 100%;
            display: flex;
            justify-content: space-around;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        .main-content-histogram .border{
            width: .9rem;
            height: 1.41rem;
            line-height: 1.41rem;
            font-size: .258rem;
            font-weight: bold;
            color: #009944;
            text-align: center;
            border: .04rem solid #009944;
            border-bottom: none;
        }
        .main-content-histogram .main-content-histogram-left{
            color: #fff;
            background-color: #009944;
        }
        .main-content-histogram.words{
            height: .57rem;
            bottom: -.68rem;
            line-height: .57rem;
            color: #666666;
            font-weight: bold;
            font-size: .2641rem;
        }

        footer{
            text-align: right;
        }
        footer>img{
            width: 5.82rem;
            margin-top: .43rem;
            margin-left: .9rem;
        }
        .footer-dalam{
            width: 100%;
            background-color: rgba(0,165,73,.8);
            text-align: center;
            margin-bottom: .49rem;
            margin-top: .64rem;
        }
        .footer-dalam p{
            line-height: .51rem;
            font-size: .2883rem;
            color:#fff;
        }
        .footer-dalam p span{
            font-weight: bold;
            color: #fde35b;
        }
        .span-border{
            width: 2.56rem;
            height: .76rem;
            line-height: .7rem;
            text-align: center;
            color: #fff;
            font-size: .3415rem;
            display: block;
            border: .04rem solid #fff;
            margin: 0 auto;
        }
        footer button{
            width: 2.42rem;
            height: 2.42rem;
            color: #fff;
            font-size: .4056rem;
            font-weight: bold;
            border-radius: 5rem;
            background-color: #009944;
            border: none;
            display: block;
            margin: .34rem auto .34rem;
        }
        .footer-explain{
            width: 100%;
            text-align: center;
            margin-bottom: .42rem;
        }
        .footer-explain p{
            line-height: 1.5;
            font-size: .2rem;
            color: #fff;
        }
        .header-banner{
            width: 100%;
            height: 4.1rem;
            background: url("__PUBLIC__/Home/images/Generalize1/header-banner.jpg")no-repeat;
            background-size: 100% 100%;
            position: relative;
        }
        .header-banner .text{
            width: 5.54rem;
            height: 1.4rem;
            position: absolute;
            top: 1.92rem;
            left: .45rem;
        }
        .header-banner .text p{
            font-size: .6rem;
            color: #fff;
            line-height: 1.15;
            text-align: center;
        }
        .header-banner .text p .max{
            font-size: .945rem;
        }
        .header-banner .text p.min{
            font-size: .188rem;
        }
        .word{
            width: 100%;
            height: 11.86rem;
            background: url("__PUBLIC__/Home/images/Generalize1/word.jpg") no-repeat;
            background-size: 100% 100%;
            position: relative;
        }
        .word .title{
            width: 4.46rem;
            height: .74rem;
            position: absolute;
            left: .98rem;
            top: .5rem;
        }
        .word .title p{
            text-align: center;
            font-size: .27rem;
            line-height: .37rem;
            color: #fff;
        }
        .word .subtitle{
            width: 100%;
            height: .9rem;
            position: absolute;
            left: 0;
            top: 6.2rem;
        }
        .word .subtitle p{
            text-align: center;
            font-size: .3rem;
            line-height: .45rem;
            color: #fff;
        }
        .candle-chart{
            width: 100%;
            height: 15.12rem;
            background: url("__PUBLIC__/Home/images/Generalize1/candle-chart.jpg")no-repeat;
            background-size: 100% 100%;
            position: relative;
        }
        .word .block-1{
            width: 4.56rem;
            height: 1rem;
            position: absolute;
            left: 1.27rem;
            top: 7.1rem;
        }
        .word .block-1 span{
            color: #fff;
            font-size: .4229rem;
        }
        .word .block-1 span.green{
            font-size: 1.139rem;
            color: #009944;
        }
        .word .block-2{
            width: 4.9rem;
            height: 1rem;
            position: absolute;
            left: 1rem;
            top: 8.45rem;
        }
        .word .block-2 span{
            color: #fff;
            font-size: .4229rem;
        }
        .word .block-2 span.green{
            font-size: 1.139rem;
            color: #009944;
        }
        .word .block-3{
            width: 5.2rem;
            height: 1rem;
            position: absolute;
            left: .6rem;
            top: 10.26rem;
        }
        .word .block-3 span{
            color: #fff;
            font-size: .3rem;
            display: inline-block;
        }
        .word .block-3 span.warp{
            width: 1.58rem;
            line-height: 1.15;
            word-wrap: break-word;
            text-align: right;
            position: absolute;
            top: .17rem;
        }
        .word .block-3 span.green{
            font-size: 1.139rem;
            color: #009944;
            position: absolute;
            left: 1.7rem;
            top: -.34rem;
        }
        .word .block-3 span.right{
            position: absolute;
            left: 3.8rem;
            top: .36rem;
        }
        .candle-chart .title{
            width: 100%;
            height: .6rem;
            font-size: .26rem;
            color: #000;
            line-height: .6rem;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
        }
        .candle-chart p.title1{
            top: 7.4rem;
        }
        .candle-chart .words{
            width: 5.93rem;
            height: 1.14rem;
            line-height: .37rem;
            position: absolute;
            left: .24rem;
            top: 5.68rem;
        }
        .candle-chart .words1{
            height: 1.58rem;
            line-height: .34rem;
            top: 13.3rem;
        }
        .candle-chart .words p{
            font-size: .26rem;
            color: #000;
            text-align: center;
        }
    </style>
    <script>
      (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
      })(document, window);
    </script>
</head>
<body>
<div id="app">
    <header>
        <img src="__PUBLIC__/Home/images/Generalize1/logo.jpg">
        <span></span>
    </header>
    <div class="header-banner">
        <div class="text">
           <p>Rp5000 =<span class="max">1</span>gr emas</p>
            <p class="min">Dengan uang Rp5000 bisa bertransaksi 1 gram emas</p>
        </div>
    </div>
    <main>
        <div class="main-top"></div>
        <div class="main-content">
            <div class="structure-top"></div>
            <div class="main-content-title">MENGAPA KITA SENANG BERINVESTASI EMAS?</div>
            <div class="structure-body">

            </div>
            <div class="main-content-img-box">sd
                <span></span>   <!--图片上的文字去这个span标签的伪类里面找-->
                <span></span>
                <span></span>
            </div>
            <div class="main-content-subtitle">BERAPAKAH  PENGEMBALIAN EMAS？</div>
            <div class="structure-footer">
                <div class="main-content-tahun">1 TAHUN</div>
                <div class="main-content-or">or</div>
                <div class="main-content-histogram">
                    <div class="main-content-histogram-left border">100%</div>
                    <div class="main-content-histogram-rigth border">0%</div>
                </div>
                <div class="main-content-histogram words">
                    <div class="main-content-histogram-left-words">untung</div>
                    <div class="main-content-histogram-rigth-words">untung</div>
                </div>
            </div>
        </div>
    </main>
    <div class="word">
        <div class="title">
            <p>ANALIS MEMBIMBING ANDA</p>
            <p>UNTUK MENDAPATKAN UANG</p>
        </div>
        <div class="subtitle">
            <p>Sangat mudah dapat uang,</p>
            <p>keuntungan perbulan melebihi 100%</p>
        </div>
        <div class="block-1">
            <span class="green">40</span>
            <span>orang Analis</span>
        </div>
        <div class="block-2">
            <span class="green">24</span>
            <span>jam pelayanan</span>
        </div>
        <div class="block-3">
            <span class="warp">Informasi analisis</span>
            <span class="green">84.7</span>
            <span class="right">% akurat</span>
        </div>
    </div>
    <div class="candle-chart">
        <p class="title">ADP NF Employment Change 4 Oktober 2017</p>
        <div class="words">
            <p>Perkiraan analis sangat akurat, hanya 2 jam</p>
            <p>dengan mudah dapat USD 50000, keuntungan</p>
            <p>mencapai 100%!</p>
        </div>
        <p class="title title1">Non Farm Employment Change 6 Oktober 2017 </p>
        <div class="words words1">
            <p>Emas naik harga USD 13 karena “Non Farm</p>
            <p>Payroll” ,50 lot dapat USD 65000, kalau</p>
            <p>transaksi 100 lot? Lalu berapa yang akan</p>
            <p>didapat jika 200 lot ?</p>
        </div>
    </div>
    <footer>
        <div class="footer-dalam">
            <p>Dalam 10 bulan tahun ini, kami telah mem-</p>
            <p>bantu <span>7000 lebih</span> investor untuk meraih</p>
            <p>pendapatan investasi emas <span>lebih dari 100 %!</span></p>
        </div>
        <span class="span-border">FREE NOW</span>
        <form action="{:U('Generalize/addip_url')}" method="post">
            <input name="visit_url" type="hidden" value="{$visit_url}"/>
            <button type="submit">DAFTAR</button>
        </form>
        <div class="footer-explain">
            <p>Bergabunglah sekarang dan dapatkan strategi trading</p>
            <p>setiap hari dan mingguan secara gratis</p>
            <p>Investasi apapun pasti beresiko. Sebelum berinvestasi,</p>
            <p>Anda perlu memahami resiko pasar dan peraturan perdagangan!</p>
        </div>
    </footer>
</div>



<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108477011-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-108477011-1');
</script>


</body>
</html>

